<%@ page language="java" contentType="text/html;charset=UTF-8" %><%@ include file="../inc/global.jsp" %>
<script type="text/javascript">
function Login() {
	var dt, bg;
	var _this = this;
	var login_id = 'login_id';
	var login_pwd = 'login_pwd';
	var login_vcode = 'vcode';
	var showVcode = ${showVcode};
	function hide() {
		aju.removeAll([dt,bg,$('.tip-yellow')]);
		$('#ajaxClose').remove();
	};
	this.init = function() {
		$('#login').click(function(){
			bg = aju.ajaxBg(function(){
				$.ajax({
					url:'/member/ajax/login/form?r='+(new Date()),
					type:'GET',
					data:{},
					success:function(data){
						dt = aju.ajaxData().css({'width':'400','height':'auto'});
						dt.html(data);
						aju.positionCenter(dt);
						// 显示关闭按钮并绑定关闭时间
						aju.ajaxClose(dt).click(function(){
							hide();
						});
						defaultKeys(login_id);
						bindDoLoginEvents();
						$('#login_id').focus();
					},
					error:function(){
						
					}
				});
			});
			$(document).keydown(function(){
				if(event.keyCode == KEY.ESC) {
					hide();
				}
			});
		});
		return false;
	};
	function bindDoLoginEvents() {
		$('#login_btn').click(function(){
			doLogin();
		});
		$('#vcodeBtn').click(function(){
			$('#vcodeImg').attr('src', '/mall/servlet/verifyCode');
			return false;
		});
	};
	function isEmpty(val) {
		return (undefined == val || val.length == 0);
	};
	function validateVal(id) {
		$(id).focus(function(){
			$(this).removeClass('inputerr').parent().find('em').remove();
		});
		if(isEmpty($(id).val())) {
			$('#' + login_id).addClass('inputerr').after('<em>登录ID不能为空！</em>');
			return false;
		}
		return true;
	};
	function doLogin() {
		$('.loginForm').removeClass('inputerr').parent().find('em').remove();
		var id = $('#'+login_id).val();
		var pwd = $('#'+login_pwd).val();
		var vcode = $('#'+login_vcode).val();
		if(isEmpty(id)) {
			$('#' + login_id).addClass('inputerr').after('<em>登录ID不能为空！</em>');
			$('#' + login_id).focus(function(){
				$(this).removeClass('inputerr').parent().find('em').remove();
			});
			return false;
		}
		if(isEmpty(pwd)) {
			$('#' + login_pwd).addClass('inputerr').after('<em>密码不能为空！</em>');
			$('#' + login_pwd).focus(function(){
				$(this).removeClass('inputerr').parent().find('em').remove();
			});
			return false;
		}
		if(isEmpty(vcode) && showVcode) {
			$('#' + login_vcode).addClass('inputerr').after('<em>验证码不能为空！</em>');
			$('#' + login_vcode).focus(function(){
				$(this).removeClass('inputerr').parent().find('em').remove();
			});
			return false;
		}
		$('#login_btn').text('登录中...');
		$.ajax({
			url:'/member/ajax/login',
			type:'POST',
			data:{i:id,p:pwd,v:vcode},
			success:function(data){
				var json = $.parseJSON(data);
				var succeed = json.succeed;
				showVcode = json.data;
				if(showVcode) {
					showVcode = true;
					$('#showVcode').css({'display':''});
				}
				if(succeed) {
					window.location.href = "/";
				} else {
					$('#login_btn').text('重新登录');
					var msg = json.msg;
					if(msg.indexOf('ID') != -1) {
						$('#login_id').after('<em>'+json.msg+'</em>');
					}
					else if(msg.indexOf('密码') != -1) {
						$('#login_pwd').after('<em>'+json.msg+'</em>');
					}
					else if(msg.indexOf('验证码') != -1) {
						$('#vcode').after('<em>'+json.msg+'</em>');
						$('#vcodeImg').attr('src', '/mall/servlet/verifyCode');
					}
				}
			},
			error:function(){
				alert('error');
			}
		});
	};
}
$(function(){
	var login = new Login();
	login.init();
});
</script>